<html>
    <head>
        <title>显性声明过渡时间</title>
    </head>
    <body>
        <script>
            // 显性声明过渡时间
                    /*
                        在很多情况下，Vue 可以自动得出过渡效果的完成时机。默认情况下，Vue会等待其在过渡效果的"根元素"的第一个 transitioned 或 animationend 事件。
                        然而，也可以不这样设定---比如，我们可以拥有一个精心编排的一些列多度效果，其中一些嵌套的内部元素相比于过渡效果的根元素有延迟的或者更长的过渡效果。

                        在这种情况下，你可以用<transition>组件上的 duration attribute(标签属性) 来明确设置持续时间（以毫秒计）：

                            eg：  <transition :duration="{ enter: 5000, leave: 1000 }"> </transition>
                    */
        </script>
    </body>
</html>